@import 'mixin.scss';
.container{
    position: relative;
    width:1226px;
    margin-right:auto;
    margin-left:auto;
}
a{
    img{
        width: 100%;
        height: 100%
    }
}
input{
    outline: none;
    box-sizing: border-box;
}
.fl{
    float: left;
  }
  .fr{
    float: right;
  }
  .clearfix:before,.clearfix:after{
    content:' ';
    display:table;
  }
  .clearfix:after{
    clear: both;
  }
  .header-logo{
    display:inline-block;
    width:55px;
    height:55px;
    background-color:#FF6600;
    a{
      display:inline-block;
      width:110px;
      height:55px;
      &:before{
        content:' ';
        @include bgImg(55px,55px,'/imgs/mi-logo.png',55px);
        transition:margin .2s;
      }
      &:after{
        content:' ';
        @include bgImg(55px,55px,'/imgs/mi-home.png',55px);
      }
      &:hover:before{
        margin-left:-55px;
        transition:margin .2s;
      }
    }
  }